<template>
  <div>
    <List @getUserInfo="getUserInfo" />
    <CountOne/>
    <CountTwo/>
    <CountThree/>
  </div>
</template>

<script>
import List from "./List";
import CountOne from "./Count/countOne"
import CountTwo from "./Count/countTwo"
import CountThree from "./Count/countThree"
export default {
  name: "app",
  components: {
    List,
    CountOne,
    CountTwo,
    CountThree
  },
  data() {
    return {
      userInfoList: [],
    };
  },
  methods: {
    getUserInfo(data) {
      this.userInfoList = data;
    },
  },
};
</script>

<style>
</style>